<!-- 属性面板公共底部，可以增加一些公共功能块 -->
<template>
  <div class="panel-property-bottom">

    <!-- 扩展样式 -->
    <slot name="ExtStyleSetting">
      <ExtStyleSetting
        :form="form"
        :config="config"
        :widgetInstanceId="widgetInstanceId"
        @save="extStylesSave"
      />
    </slot>

  </div>
</template>
<script>
import ExtStyleSetting from '@/components/common/ext-style/ext-style-setting.vue';
export default {
  components: {
    ExtStyleSetting,
  },
  props: {
    config: Object,
    widgetInstanceId: String,
    form: Object,
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    extStylesSave(extStyles) {
      this.form.extStyles = extStyles;
    },
  },
};
</script>
<style lang="less" scoped>
</style>
